﻿@{
    Layout = null;
}
@model XQ.SP.Model.UsersItem

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=Edge">
<title>HIV筛查后台管理</title>

<link rel="stylesheet" type="text/css" href="/Res/CSS/css/base.css" />

<!--[if lt IE 9]>
<script type="text/javascript" src="js/html5shiv.js"></script>
<script type="text/javascript" src="js/respond.min.js"></script>
<div class="browse_tips"><i class="iconfont">&#xe671;</i>您正在使用过时的浏览器，很多功能无法正常使用，请<a target="_blank" href="http://browsehappy.com/">升级浏览器</a>以提高体验。</div>
<![endif]-->

<style type="text/css">
html { height: 100%; }
body { height: 100%; background:  url(/Res/CSS/images/bg.jpg) no-repeat center center fixed; background-size: cover; }
h3 { font-size: 14px; font-weight: normal; }
h3 span { margin-left: 3px; font-size: 14px; }
.login { width: 280px; padding: 30px 50px; margin: 0 auto; border-radius: 2px; }
.login li { padding: 10px 0; position: relative; }
.login li .iconfont { font-size: 16px; color: #bbb; position: absolute; left: 15px; top: 17px; transition:all .5s; -webkit-transition:all .5s; }
.login li.code .iconfont { top: 18px; }
.login li input { width: 100%; height: 40px; line-height: 40px; padding: 0px 8px 0px 40px; font-size: 14px; border: none; color: #fff; background: rgba(255,255,255,.1); border-radius: 20px; box-sizing:border-box; -webkit-transition:all .2s linear 0s;-moz-transition:all .2s linear 0s;-o-transition:all .2s linear 0s;transition:all .2s linear 0s; }
.login li input:hover { border-color: #3bb4f2; }
.login li input:focus { border-color:rgba(82,168,236,0.8);box-shadow:0 1px 1px rgba(0,0,0,0.075) inset,0 0 3px rgba(255,255,255,0.6); }
.login li input:focus + i { color: #fff; }
.login li.code input { width: 196px; padding: 0 95px 0 40px; border-radius: 20px 0 0 20px; }
.login li.code .fr { width: 75px; height: 40px; padding: 0px 4px; background: rgba(255,255,255,.1); border-radius: 0 20px 20px 0; border-left: none; position: absolute; top: 10px; right: 0; }
.login li.code .fr img { height: 38px; vertical-align: middle; }
.login li button { width: 100%; height: 42px; color: #fff; border-radius: 20px; font-size: 16px; background: #FF3430; border: none; cursor: pointer; }
.login li button:hover { opacity: .8; filter: alpha(opacity=80); }
</style>
<script type="text/javascript" src="/Res/CSS/js/jquery.js"></script>
</head>

<body>

<div class="wrap">
	<div class="login" style="width:300px;">
@*		<h2 class="tc"><img src="/GyH/images/logo.png" /></h2>*@
		<h1 class="pd-b10 tc c-999">后台管理系统<span></span></h1>
		<ul>
        @using (Html.BeginForm())
        {
			<li>
                
                        @try
                        {
                    @Html.TextBoxFor(model => model.UserName, new { @Class = "inpText", @Value = Model.UserName })
                        }
                        catch
                        {
                    @Html.TextBoxFor(model => model.UserName, new { @Class = "inpText", @Value = "手机号/会员号/邮箱" })
                        }
                @*<input type="text" placeholder="账户" />*@<i class="iconfont">&#xe68c;</i></li>
			<li>
                @Html.PasswordFor(model => model.UserPassword, new { @Class = "inpText" })
               @* <input type="password" placeholder="密码" />*@<i class="iconfont">&#xe669;</i></li>
@*			<li class="code">
				<input type="text" placeholder="验证码" />
				<i class="iconfont">&#xe61f;</i>
				<div class="fr"><img src="images/code.png" title="换一张" /></div>
			</li>*@
			<li><button type="submit" id="sub">登录</button></li>
        }
		</ul>
	</div>
	<div class="copy tc mg-t30 c-999">
		Copyright &copy; 后台管理系统 All Rights Reserved
	</div>

</div>

    <script type="text/javascript">
        if (window != top)  // 是否在顶层
            top.location.href = '/User/LoginUIA';
    </script>
<script type="text/javascript">
    $(function () {
        $(".wrap").css("padding-top", ($(window).height() - $(".wrap").height()) / 2 - 20);
    })
</script>


</body>
</html>